<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"       content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<script src="./jQuery.min.js">
</script>
<script src="myFunction.js"></script>
<style>
   ul{
      padding:5px;
      text-align:center;
      background-color:#e5eecc;
      border:solid 3px #c3c3c3;
      list-style-type:none;
      display:none;
   }
   ul.li{
      border:solid 3px #c3c3c3;
   }
</style>
</head>
<body>
   <div align="center">
      <h2>这是一个标题</h2>
      <p id="tips">这是一个段落</p>
      <p id="test">盯住了别让我跑了</p>
      <button id="hide">隐藏</button>
      <button id="show">出现吧</button>
      <button id="move">方块移动</button>  
      <button id="ulshow">菜单</button>
   </div>
   <div id="colorDiv" style="background:#98bf21;height:0px;width:100px;position:absolute;">

   </div>
   
   <ul>
      <li><a href="slide.html">滑动的特技</a></li>
      <li><button>特技的滑动</button></li>
   </ul>
</body>
</html>